<template>
  <div style="padding-top: 200px">
    <el-card id = "login-card" class="box-card">
      <h3 style="border-bottom: 1px solid #000000">404 ERROR!</h3>
      <div style="margin-top: 50px">
        <img src="../assets/404_images/404.png" width="400" height=""/>
        <span>
        很抱歉，您请求的网页不存在！<a href="/">返回主页</a>
        </span>

      </div>
    </el-card>
  </div>
</template>

<script>
export default {
name: "error"
}
</script>

<style scoped>
body{
  font-size:14px;
}
h3{
  font-size:60px;
  color:#000000;
  text-align:center;
  padding-top:30px;
  font-weight:normal;
}
.el-card{
  margin: 0 auto;
  margin-top: 300px;
  width: 800px;
  height: 600px;
}
pre{
  font-size: 30px;
}
</style>